<template>
  <div class="users">
<!-- 面包屑导航 -->
    <el-breadcrumb separator-class="el-icon-arrow-right" >
      <!-- <el-breadcrumb-item :to="{ path: '/welcome' }">首页</el-breadcrumb-item> -->
      <el-breadcrumb-item>视频监控</el-breadcrumb-item>
      <el-breadcrumb-item>服务器配置</el-breadcrumb-item>
    </el-breadcrumb> 
    <div>
        <el-divider direction="vertical" ></el-divider> 
    <span>水厂视频监控接入参数配置</span>
    <el-divider></el-divider>
    
  </div>
    <el-form label-width="400px" :inline="true"  prop="region">
<el-form-item label="视频名称：">
    <el-select  placeholder="秋江水厂视频">
      <el-option label="秋江水厂视频"  ></el-option>
    </el-select>
  </el-form-item>
  <el-form-item label="IP地址：">
    <el-select  placeholder="192.168.1.249">
      <el-option label="192.168.1.249" value="efwe"></el-option>
    </el-select>
  </el-form-item>
  
  <el-form-item label="端口号：">
  
    <el-select  placeholder="80">
      <el-option label="80"></el-option>
    </el-select>
  </el-form-item>
  <el-form-item label="通道:">
    <el-select  placeholder="D5大门口">
      <el-option label="D5大门口" value="efwe"></el-option>
    </el-select>
  </el-form-item>

  <el-form-item label="码流类型:">
    <el-select  placeholder="主码流(定时)">
      <el-option label="主码流(定时)"  ></el-option>
    </el-select>
  </el-form-item>
  <el-form-item label="视频类型：">
    <el-select  placeholder="视频流">
      <el-option label="视频流" value="efwe"></el-option>
    </el-select>
  </el-form-item>

  <el-form-item label="分辨率:">
    <el-select  placeholder="分辨率">
      <el-option label="分辨率"  ></el-option>
    </el-select>
  </el-form-item>
  <el-form-item label="码率类型：">
    <el-select  placeholder="码率类型">
      <el-option label="码率类型" ></el-option>
    </el-select>
  </el-form-item>

  <el-form-item label="图像质量：">
    <el-select  placeholder="图像质量">
      <el-option label="图像质量"  ></el-option>
    </el-select>
  </el-form-item>
  <el-form-item label="视频帧率：">
    <el-select  placeholder="视频帧率">
      <el-option label="视频帧率" value="efwe"></el-option>
    </el-select>
  </el-form-item><span>fps</span>
  <el-form-item label="视频编码：">
    <el-select  placeholder="视频编码">
      <el-option label="视频编码"  ></el-option>
    </el-select>
  </el-form-item>
  
  <el-form-item label=" 码率上限：">
    <el-select  placeholder="1024">
      <el-option label="1024" value="efwe"></el-option>
    </el-select>
  </el-form-item><span>Kbps</span>
  
 </el-form>
 <el-button type="primary" style="display:block;margin:150px auto" >保存</el-button>
     </div>
</template>

<script>
export default {
 data() {
      return {
        
         region:'',
        tableData: [{
          date: '2016-05-03',
          name: '贵池区农村饮水安全工程信息化系统工程',
          district: "贵池区",
          site: "安徽省池州市贵池区",
          number: 5,
          waterSupply: 4500,
          uploadDate: "2020-08-10 00:00:00",
          note: null   
     } ],
        
      }
 },
 methods: {
     
    },
}
</script>

<style lang="less" scoped>
.users{
  
   .el-breadcrumb{
     background-color: #E9EDF0 !important;
    height: 50px;
line-height: 50px;
font-size: 14px;
padding-left: 5px;
margin-bottom: 20px;
   }
 
  .el-select{
      width: 600px;
  }
  .el-button{
       
        width: 160px;
  }
}
</style>